{% extends "m2/base_search.html" %}
{% block title %}
    图片详情
{% endblock %}

{% block picker %}
    图片
{% endblock %}

{% block header %}
    <link rel="stylesheet" href="/static/css/picture/comment.css">
{% endblock %}

{% block main %}
    <span id="pid" style="display: none;">{{ pid }}</span>
    <span id="user_id" style="display: none">{{ user_id }}</span>
    <div style="display: flex;">
        <div class="middle_left">
            <div class="big_img">
                <img id="host_img"
                     src="https://cdn.pixabay.com/photo/2019/10/03/16/35/road-4523821_960_720.jpg"
                     alt="">
                <h1 style="opacity: 0;" id="targets">
                </h1>
            </div>
            <div class="other_mv">
                <div class="om_title">该电影其他场景</div>
                <div class="om_img">
                </div>
            </div>
            <div class="comment">
                <div class="comment_title">
                    <h2>品图说</h2>
                </div>
                <div class="comment_box">
                    <section class="tent_info">
                        <div class="textarea one">
                            <textarea class="text_send" id="text_send"></textarea>
                            <div class="con_btn btn_send">提交</div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
        <div class="middle_right">
            <div class="like_buttons">
          <span data-href="" class="like_button pure-button wish" title="喜欢">
            <i class="iconfont icon-zan" style="pointer-events: none;"></i>
            <b style="pointer-events: none;" id="star">4</b>
          </span>
                <span data-href="" class="favorite_button pure-button score-btn" title="收藏">
            <i class="iconfont icon-iconfontxingxing" style="pointer-events: none;"></i>
            <b style="pointer-events: none;" id="parise">1</b>
          </span>
            <a href="" id="share_img" target="_blank" style="text-decoration: none">
                <span class="share_button pure-button" title="分享">
                <i class="iconfont icon-fenxiang" style="color:#777777;"></i>
                </span>
            </a>
                <div class="share_links" style="width:216px;padding:15px"></div>
            </div>
            <div class="download_menu" data-type="images">
          <span class="pure-button button-green" style="display:block;max-width:310px;margin:10px 0 0">
            <a class="iconfont icon-xiazai" href="#" id="img_download" target="_blank"
               style="text-decoration: none; color: #fff;"> 免费下载</a>
          </span>
            </div>
            <div style="font-size:16px;margin:40px 0 10px;padding:15px 20px;background:#f6f5fa;line-height:1.5">
                <a href="#" style="color:#636363;text-decoration:underline" id="movie_name"></a>
                <div style="margin-top:4px;font-size:14px">
                    <span id="directors"></span>
                    <br>
                    <span id="score"></span>
                </div>
            </div>
            <p style="margin:25px 0 5px;font-size:13px;padding:5px 15px;background:#f6f5fa;border-bottom: 1px solid #eeeff2">
                其他图片</p>
            <div class="flex_grid sidebar_thumbs">
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script type="text/javascript" src="/static/js/picture/picture_single.js"></script>
    <script type="text/javascript" src="/static/js/picture/comment.js"></script>
    <script src="/static/js/center/user_active.js"></script>
{% endblock %}